@import '@/uni_modules/lime-style/index.scss';

$pull-refresh: #{$prefix}-pull-refresh;

$pull-refresh-header-font-size: create-var(pull-refresh-header-font-size, $font-size);
$pull-refresh-header-color: create-var(pull-refresh-header-color, $text-color-2);
$pull-refresh-loading-font-size: create-var(pull-refresh-loading-font-size, $font-size);



.#{$pull-refresh} {
	transition-property: transform;
	/* #ifndef APP-ANDROID|| APP-IOS || APP-HARMONY */
	willChange: transform;
	// overflow: hidden;
	/* #endif */ 
	overflow: visible;
	&__header {
		display: flex;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		transform: translateY(-100%);
		// transition-duration: 10ms;
		// transition-property: opacity;
		// background-color: aqua;
		&-text {
			font-size: $pull-refresh-header-font-size;
			color: $pull-refresh-header-color;
		}
	}
	
	// &__loading {
	// 	font-size: $pull-refresh-loading-font-size;
	// }
}